.banners
{
	width: 100%;
	height: 500px;
	margin: 0 auto;
        position:relative;
}

.banners:hover .click_left
{
	display: block;
}

.banners:hover .click_right
{
	display: block;
}

.click_left
{
	width: 30px;
	position: absolute;
	z-index: 10;
	left: 2vw;
	display: none;
       top:45%;
}

.click_right
{
	width: 30px;
	position: absolute;
	z-index: 10;
	right: 2vw;
	display: none;
        top:45%;
}

.click_left img,.click_right img
{
	width: 100%;
	height: 100%;
}

.number
{
	width: 100%;
	height: 1vw;
	line-height: 1vw;
	position: absolute;
	z-index: 10;
	text-align: center;
	bottom: 1vw;
}

.numbers
{
	display: inline-block;
}

.numbers span
{
	color: transparent;
	font-size: 0.7vw;
	display: block;
	float: left;
	width: .5vw;
	height: .5vw;
	line-height: 1vw;
	text-align: center;
	border-radius: 100vw;
	margin: 0 0.5vw;
	padding: 0.1vw;
	border: 0.1vw solid white;
}

.numbers span:hover
{
	cursor: pointer;
}

.banner_img
{
	width: 100%;
	height: 100%;
}

.banner_img img
{
	width: 100%;
	height: 100%;
	position: absolute;
	break-inside: 1;
}